<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>待付款</title>
    <link rel="stylesheet" type="text/css" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">待付款</h1>
</header>
<div class="mui-content">
    <a v-for="item in orders" class="qy-margin-top-8px qy-text-black qy-block" href="/customer/UnPaidDetail.do">
        <div class="mui-row qy-padding-8 qy-bg-white">
            <div class="mui-col-xs-6 font-size-12">{{item.shopName}}</div>
            <div class="mui-col-xs-6 qy-text-right font-size-12 qy-text-red">等待付款</div>
        </div>
        <div class="mui-row qy-padding-horizontal-8">
            <div class="mui-col-xs-12">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div style="width:auto;" class="swiper-slide" v-for="imgurl in item.products">
                            <img :src="imgurl.purl"  height="72px" width="72px" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mui-row qy-padding-8 qy-bg-white qy-border-bottom">
            <div class="mui-col-xs-12 font-size-12 qy-text-right">共{{item.products.length}}件商品，需付款&yen;{{item|prices}}</div>
        </div>
        <div class="mui-row qy-padding-8 qy-bg-white">
            <div class="mui-col-xs-12 qy-text-right">
                <span class="mui-btn mui-btn-warning mui-btn-outlined font-size-16 qy-padding-vertical-19 qy-padding-horizontal-4">付款</span>
            </div>
        </div>
    </a>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/UnPaid.js"></script>